<template>
	<div class="giftCardGuidance">
		<vertical-scroll ref='verticalScroll' @scrollBottom="loadMore">
			<div style="position: relative;">
				<img src="static/image/ActivateGuidance_01.png" />
				<img src="static/image/ActivateGuidance_02.png" />
				<img src="static/image/ActivateGuidance_03.png" />
			</div>
		</vertical-scroll>
		<div class="icon" v-if="isOnLoading">
			<img src="static/image/ActivateGuidance_icon.gif" />
		</div>
	</div>
</template>

<script>
	import VerticalScroll from '../../components/VerticalScroll';
	export default {
		data() {
			return {
				isOnLoading: true,
			}
		},
		components: {
			"vertical-scroll": VerticalScroll,
		},
		methods: {
			//下拉加载更多
			loadMore() {
				
                 this.isOnLoading = false
			},

		},
		computed: {

		},
		watch: {

		},
		mounted() {

		},
	}
</script>

<style>
.giftCardGuidance{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.giftCardGuidance .icon{
	position: fixed;
	bottom: 0px;
	width: 100%;
}
.giftCardGuidance .icon img{
	margin: 0 auto;
	width: 2.5rem;
}
</style>